<style>
    /*body {*/
        /*background-color: #f9f9f9;*/
    /*}*/
    /*table tr > th {*/
        /*text-align: center;*/
        /*vertical-align: middle !important;*/
        /*padding: 8px;*/
    /*}*/
    .timeline-wrapper .timeline-row .timeline-item .timeline-icon{
        width: 44px;
        height: 44px;
    }
    .my-btn {
        background-color: #fff;
        border-color: #fff;
        color: #c1c1c1;
    }
    .my-btn:hover{
        background-color: #6b6b6b;
        color:#fff;
    }
    .modebtn{
        color:#c1c1c1;
    }

    .modebtn:hover{
        background-color: #6b6b6b;
        color:#fff;
    }
    .input-sm{
        width:100px ;
        display: inline;
        height: 30px;
    }
</style>
<script>
    var groupId = {{groupId}};
    var stageId = {{stageId}};
    var schoolId = {{schoolId}};
</script>
<div class="row">
    <div style="padding-left: 25px;margin-top:20px">
        <form id="addAreaGroup_form" class="xh-form"  method="post">
            <div class="xh-area-form">
                <table id="step_2" style="width: 100%;display: table">
                    <tr style="font-size: 15px">
                        <td style="width: 10%">* 区域组名称</td><td style="width: 90% {% if existId %};{% else %} ; color: red;{% endif %}">{{ groupName }}</td>
                    </tr>
                    <tr style="font-size: 15px">
                        <td>* 学段</td><td>{{ stage }}</td>
                    </tr>
                    <tr>
                        <td valign="top" style="font-size: 15px">* 学科版本关联</td>
                        {% if existId %}
                            <td style="width: 90%">
                                <div>
                                    <table>
                                        <tr class="SubVerTr" id="trId_0" style="height: 20px;">
                                            <td width="20%" style="padding: 5px">
                                                <select name="data[0][subjectId]" id="subject_0" class="form-control">
                                                </select>
                                            </td>
                                            <td width="2px" style="padding: 5px 5px 5px 5px">
                                                <i class="fa fa-link"></i>
                                            </td>
                                            <td width="20%">
                                                <select name="data[0][versionId]" id="version_0" class="form-control" style="width: 100%;">
                                                </select>
                                            </td>
                                            <td width="2px" style="padding: 5px 5px 5px 5px">
                                                <i class="fa fa-link"></i>
                                            </td>
                                            <td id="grade_0">
                                                {#<label>#}
                                                {#<input type="checkbox" name="powerTag[]" value="aa">七上#}
                                                {#<span class="select2-selection__clear">×</span>#}
                                                {#</label>#}
                                            </td>
                                            <td id="delTdLine_0" style="display: none">
                                                <label>
                                                    <a id="delLine_0" style="margin-left: 5px;cursor: pointer;color: gray;">删除</a>
                                                </label>
                                            </td>
                                        </tr>
                                        <tr style="width: 100%">
                                            <td style="display: none"><input name="groupId" id="groupId" type="text" value="{{groupId}}"></td>
                                            <td height="30px" colspan="5">
                                                <a class="fa fa-plus" id="add" style="margin-right: 5px;cursor: pointer;color: blue;">添加学科版本关联</a>
                                            </td>
                                        </tr>
                                        <tr height="50px">
                                            <td colspan="5" align="left">
                                                <button type="button" class="btn btn-primary" id="save">完成</button>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </td>
                        {% else %}
                            <td></td>
                        {% endif %}
                    </tr>
                </table>
            </div>
        </form>
    </div>
</div>